<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                template="./../templates/StakeholderPortalTemplate.xhtml">
    <ui:define name="content">
        <h:form>
        <p:growl id ="statusMessages" />
        <table border="1" bordercolor="#FFFFFF">
            <tr>
                <td>   
                    <p:fileUpload label="Upload Image" fileUploadListener="#{stakeholderAddUnstructuredContentUploadImageManager.handleImageUpload}"
                                  auto="true" update="imagePreview, statusMessages" />
                </td>
            </tr>
            <tr>
                <td>

                    <p:graphicImage id="imagePreview" value="#{stakeholderAddUnstructuredContentUploadImageManager.imgUrl}" style="width: 500px; height: 250px;"/>
                </td>
            </tr>
            <tr>
                <td><p:commandButton id="btnConfirm" ajax="true" value="Confirm" actionListener="#{stakeholderAddUnstructuredContentUploadImageManager.confirmImage}"/></td>
            </tr>
        </table>
        </h:form>
    </ui:define>
</ui:composition>
